import React from 'react';
import {ItemListStyle} from '../style';
import love from '@/assets/images/discover/love.png'
import message from "@/assets/images/discover/message.png"
const IitemList = (rowData, sectionID, rowID) => {
    return (
        <ItemListStyle key={rowID} className="border-bottom">
           <a>
               <div className="avatar">
                   <img src={rowData.data.avatar}/>
               </div>
                <p>{rowData.data.author_name}</p>
                <time>{rowData.data.date}</time>
                <span>{rowData.data.title}</span>
                <div className="img">
                    <img src={rowData.data.img}/>
                </div>
                <div className="bottomlove">
                    <img src={love}/>
                    <i>{rowData.data.praise}</i>
                </div>
                <div className="message">
                    <img src={message}/>
                    <i>{rowData.data.reply_count}</i>
                </div>
           </a>
        </ItemListStyle>
    );
}

export default IitemList;
